<template>
	<view class="content">
		<view class="box">
			<view class="box1" @tap="jumpnickname">
				<view>修改昵称</view>
				<view class="you">
					<text>修改昵称</text>
					<image src="../../../static/icon/zuojiantou.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="box">
			<view class="box1" @tap="jumploginmima">
				<view>登录密码</view>
				<view class="you">
					<text>修改登录密码</text>
					<image src="../../../static/icon/zuojiantou.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="box">
			<view class="box1" @tap="jumpzijinmima">
				<view>资金密码</view>
				<view class="you">
					<text>修改资金密码</text>
					<image src="../../../static/icon/zuojiantou.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			jumpnickname(){
				uni.navigateTo({
					url:'./nickname'
				})
			},
			jumploginmima(){
				uni.navigateTo({
					url:'./loginmima'
				})
			},
			jumpzijinmima(){
				uni.navigateTo({
					url:'./zijinmima'
				})
			},
		}
	}
</script>

<style lang="scss">
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC;
		font-weight: 500;
		color:#2b2b2b;
		padding-bottom: 50rpx;
		.box{
			width: 690rpx;
			height: 118rpx;
			background: #FFFFFF;
			box-shadow: 0px 0px 2px 0px rgba(43, 43, 43, 0.18);
			border-radius: 10rpx;
			margin: 25rpx auto;
			.box1{
				width: 630rpx;
				margin: 44rpx auto;
				display: flex;
				justify-content: space-between;
				font-size: 30rpx;
				.you{
					display: flex;
					align-items: center;
					text{
						color: #CCCCCC;
					}
					image{
						width: 30rpx;
						height: 30rpx;
					}
				}
			}
		}
	}

	
</style>
